.main {
  border-radius: 2px;
  width: auto;
  height: 91vh;
  margin: 7.6vh 1vw 0.6vh 1vw;
  overflow: auto;

  .time {
    position: absolute;
    left: 50px;
    top: 0;
  }

  .marcher {
    position: absolute;
    right: 50px;
    top: 0;
  }

  .tables {
    border: 1px #333333 solid;
    min-width: 1320px;

    .table {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    td {
      text-align: center;
      border-top: 1px #333333 solid;
      border-right: 1px #333333 solid;
      min-height: 20px;
      padding: 0;
    }

    .table:nth-child(1) {
      tr {
        td:first-child {
          border-left: none;
        }

        td:last-child {
          border-right: none;
        }
      }

      tr:last-child {
        td {
          border-bottom: none;
        }
      }
    }

    .table:nth-child(2) {
      tr {
        td:first-child {
          border-left: 1px #333333 solid;
        }

        td:last-child {
          border-right: none;
        }
      }

      tr:last-child {
        td {
          border-bottom: none;
        }
      }
    }

    .table:nth-child(3) {
      tr {
        td:first-child {
          border-left: none;
        }

        td:last-child {
          border-right: none;
        }
      }

      tr:last-child {
        td {
          border-bottom: none;
        }
      }
    }

    .table:nth-child(4) {
      tr {
        td:last-child {
          border-right: none;
        }
      }

      tr:last-child {
        td {
          border-bottom: none;
        }
      }
    }

    .table:nth-child(5) {
      width: 100%;

      tr {
        td:last-child {
          border-right: none;
        }
      }

      tr:last-child {
        td {
          border-bottom: none;
        }
      }
    }
  }

  ::ng-deep .ui-g-12 {
    padding: 0;
    margin: 0;
  }

}
